import {Component, OnInit} from '@angular/core';

@Component({
  selector: 'app-myc06-style',
  templateUrl: './myc06-style.component.html',
  styleUrls: ['./myc06-style.component.css']
})
export class Myc06StyleComponent implements OnInit {
  myStyleObj: any = {
    backgroundColor: "#383",
    color: "#fff",
    borderColor: "#252"
  };
  myClassObj = {
    'btn': true,
    'btn-danger': true,
    'btn-success': false
  }
  hasMore: boolean = true;

  constructor() {
  }

  ngOnInit(): void {
  }


  loadMore1() {
    this.myStyleObj.backgroundColor = "#733"
    this.myStyleObj.borderColor = "#522"
  }

  loadMore2() {
    this.myClassObj["btn-danger"] = false
    this.myClassObj["btn-success"] = true
  }

}
